<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script type="text/javascript" src="/deng/include/include-css.js"></script>
        <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
        <meta charset="UTF-8">
        <title>运行实例列表</title>
    </head>
    <body>
        <div class="m-content jehc-content-1">
            <div class="m-portlet">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                            </h3>
                        </div>
                    </div>
                </div>
                <!--begin::Form-->
                <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
                    <div class="m-portlet__body">
                        <div class="form-group m-form__group row">
                            <label class="col-form-label">id:</label>
                            <div class="col-lg-1">
                                <input type="text" class="form-control" name="id" placeholder="请输入">
                            </div>
                            <label class="col-form-label">父节点:</label>
                            <div class="col-lg-1">
                                <input type="text" class="form-control" name="parentId" placeholder="请输入">
                            </div>
                            <label class="col-form-label">流程实例:</label>
                            <div class="col-lg-1">
                                <input type="text" class="form-control" name="procInstId" placeholder="请输入">
                            </div>
                            <label class="col-form-label">流程定义:</label>
                            <div class="col-lg-1">
                                <input type="text" class="form-control" name="procDefId" placeholder="请输入">
                            </div>
                            <label class="col-form-label">业务Key:</label>
                            <div class="col-lg-1">
                                <input type="text" class="form-control" name="businessKey" placeholder="请输入">
                            </div>
                            <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                                <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                            </a>
                            <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                                <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                            </a>
                        </div>
                    </div>
                    <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                        <div class="m-form__actions m-form__actions--solid">
                            <div class="row">
                                <div class="col m--align-left">

                                </div>
                                <div class="col m--align-right">

                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <!--end::Form-->
            </div>
            <table id="datatables" class="table table-bordered table-striped table-hover display nowrap">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>id</th>
                    <th>父节点</th>
                    <th>流程实例</th>
                    <th>流程定义</th>
                    <th>挂起状态</th>
                    <th>业务Key</th>
                    <th>并行执行</th>
                    <th>节点编号</th>
                    <th>活动状态</th>
                    <th>缓存状态</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>

        <!-- 运行实例模态框（Modal）开始 -->
        <div class="modal fade" id="actRuExecutionModal" tabindex="-1" role="dialog" aria-labelledby="actRuExecutionModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" id="actRuExecutionModalDialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">
                            运行时流程
                        </h4>
                        <!--<button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>-->
                    </div>
                    <div class="modal-body">
                        <div class="panel-body" id="actRuExecutionPanelBody">
                            <div class='card-body' >
                                <div class='row' style='height:100%;overflow: auto;'>
                                    <div class='col-md-1' >
                                        <ul class="nav flex-column nav-tabs nav-tabs-vertical mb-4 mb-xl-0" style="background: #fff;" id='TabCol'>
                                            <li >
                                                <a href="#tab0" data-toggle="tab" aria-expanded="false" class="nav-link active show">实 例</a>
                                            </li>
                                            <li>
                                                <a href="#tab1" data-toggle="tab" aria-expanded="false" class="nav-link">任 务</a>
                                            </li>
                                            <li>
                                                <a href="#tab2" data-toggle="tab" aria-expanded="false" class="nav-link">变 量</a>
                                            </li>
                                            <li>
                                                <a href="#tab3" data-toggle="tab" aria-expanded="false" class="nav-link">人 员</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class='col-md-11'>
                                        <div id="myTabContent" class="tab-content" style="height:80%;">
                                            <!--运行时实例开始-->
                                            <div class="tab-pane active show" id="tab0">
                                                <div class="m-portlet">
                                                    <!--<div class="m-portlet__head">
                                                        <div class="m-portlet__head-caption">
                                                            <div class="m-portlet__head-title">
                                                                <span class="m-portlet__head-icon">
                                                                    <i class="flaticon-interface-4"></i>
                                                                </span>
                                                                <h3 class="m-portlet__head-text">
                                                                    执行实例
                                                                </h3>
                                                            </div>
                                                        </div>
                                                    </div>-->
                                                    <div class="alert m-alert m-alert--default" role="alert">
                                                        执行实例：<br><code>表示正在运行的实例等等</code> .
                                                    </div>
                                                    <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="defaultActRuExecutionForm" method="post" style='height:350px;overflow: auto;'>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">id</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="id" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">名称</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="name">
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">乐观锁</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" readonly id="rev" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">流程实例</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="procInstId" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">业务Key</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="businessKey" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">父节点</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="parentId" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">流程定义</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="procDefId" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">superExec</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="superExec" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">节点编号</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="actId" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">是否存活</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="isActive" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">是否并行</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="isConcurrent" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">isScope</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="isScope" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">是否使用事件</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="isEventScope" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">是否挂起</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="suspensionState" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">缓存状态</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="cachedEntState" >
                                                            </div>
                                                        </div>
                                                        <div class="form-group m-form__group row">
                                                            <label class="col-md-2 col-form-label">租户</label>
                                                            <div class="col-md-3">
                                                                <input class="form-control" id="tenantId" >
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <!--运行时实例结束-->

                                            <!--运行时任务开始-->
                                            <div class="tab-pane" id="tab1" style="height:100%;">
                                                <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchFormActRuTask">
                                                    <input type="hidden" id="executionId3">
                                                    <input type="hidden" id="procInstId3" name="procInstId">
                                                </form>
                                                <table id="datatablesActRuTask" class="table table-bordered table-striped table-hover display nowrap">
                                                    <thead>
                                                    <tr>
                                                        <th>序号</th>
                                                        <th>版本号</th>
                                                        <th>任务编号</th>
                                                        <th>执行实例</th>
                                                        <th>流程定义</th>
                                                        <th>流程实例</th>
                                                        <th>任务名称</th>
                                                        <th>父节点id</th>
                                                        <th>描述</th>
                                                        <th>节点key</th>
                                                        <th>签收人</th>
                                                        <th>办理人</th>
                                                        <th>委托类型</th>
                                                        <th>优先级别</th>
                                                        <th>创建时间</th>
                                                        <th>过期时间</th>
                                                        <th>分类</th>
                                                        <th>租户</th>
                                                        <th>表单Key</th>
                                                        <th>是否挂起</th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                            <!--运行时任务结束-->

                                            <!--运行时变量务开始-->
                                            <div class="tab-pane" id="tab2" style="height:100%;">
                                                <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchFormActRuVariable">
                                                    <input type="hidden" id="executionId1">
                                                    <input type="hidden" id="procInstId1" name="procInstId">
                                                </form>
                                                <table id="datatablesActRuVariable" class="table table-bordered table-striped table-hover display nowrap">
                                                    <thead>
                                                    <tr>
                                                        <th>序号</th>
                                                        <th>版本号</th>
                                                        <th>参数类型</th>
                                                        <th>参数名称</th>
                                                        <th>执行实例</th>
                                                        <th>流程实例</th>
                                                        <th>任务编号</th>
                                                        <th>BYTEARRAY_ID_</th>
                                                        <th>DOUBLE_</th>
                                                        <th>LONG_</th>
                                                        <th>TEXT_</th>
                                                        <th>TEXT2_</th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                            <!--运行时变量结束-->

                                            <!--运行时人员开始-->
                                            <div class="tab-pane" id="tab3" style="height:100%;">
                                                <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchFormActRuIdentitylink">
                                                    <input type="hidden" id="executionId2">
                                                    <input type="hidden" id="procInstId2" name="procInstId">
                                                </form>
                                                <table id="datatablesActRuIdentitylink" class="table table-bordered table-striped table-hover display nowrap">
                                                    <thead>
                                                    <tr>
                                                        <th>序号</th>
                                                        <th>版本号</th>
                                                        <th>组id</th>
                                                        <th>类型</th>
                                                        <th>流程定义</th>
                                                        <th>流程实例</th>
                                                        <th>任务编号</th>
                                                        <th>用户id</th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                            <!--运行时人员结束-->
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-primary font-weight-bold mr-2" data-dismiss="modal">取 消</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <!-- 运行实例模态框（Modal）结束 -->
    </body>
    <script type="text/javascript" src="/deng/include/include.js"></script>
    <script type="text/javascript" src="/deng/view/workflow/lc-diagnose/lc-diagnose-list.js"></script>
    <script type="text/javascript" src="/deng/view/workflow/lc-diagnose/actRuExecution.js"></script>
    <script type="text/javascript" src="/deng/view/workflow/lc-diagnose/actRuVariable.js"></script>
    <script type="text/javascript" src="/deng/view/workflow/lc-diagnose/actRuIdentitylink.js"></script>
    <script type="text/javascript" src="/deng/view/workflow/lc-diagnose/actRuTask.js"></script>
    <link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
    <script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
    <script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
    <script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
    <style>
        .tab-content {
            padding: 0px 0 0 0;
        }
        a {
            text-decoration: none;
        }
        /*正常的未被访问过的链接*/
        a:link {
            text-decoration: none;
        }
        /*已经访问过的链接*/
        a:visited {
            text-decoration: none;
        }
        /*鼠标划过(停留)的链接*/
        a:hover {
            text-decoration: none;
        }
        /* 正在点击的链接*/
        a:active {
            text-decoration: none;
        }
        .nav-tabs-vertical a.active {
            color: #409eff;
            border-right: 1px solid #409eff;
            border-top: 0;
            border-left: 0;
        }
        .nav-tabs-vertical a, .user-intro h4, .user-skill .user-info li h5 {
            margin-bottom: .5rem;
        }

        .nav-tabs a {
            text-align: center;
            padding: .1rem;
            color: #464a53;
            font-size: 1.1rem;
        }

        .tab-content {
            padding: 5px 0 0 0;
        }
        .modal-lg {
            max-width: 100%;
            /*width: 75%;*/
            max-width: none;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            box-sizing: border-box;
            list-style: none;
            margin: 0;
            padding:.75rem;
            width: 100%;
        }
        .tabs-bordered li a.active {
            border-bottom: 2px solid #409eff !important;
        }
        .card-box {
            padding: 0px;
        }
        .card-body {
            padding: .1rem;
        }

        .vakata-context, .vakata-context ul {
            background: #ffffff;
            -webkit-box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
            box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
            border: 0;
        }
        .vakata-context, .vakata-context ul {
            padding: 0;
            min-width: 125px;
            font-size: 1rem;
            font-family: Poppins;
            border-radius: 4px;
        }
        .vakata-context, .vakata-context ul {
            position: absolute;
        }

        .m-form.m-form--group-seperator .m-form__group, .m-form.m-form--group-seperator-dashed .m-form__group {
            padding-top: 5px;
        }
        .tab-content>.active {
            background: #fff;
        }
        .m-form .col-form-label, .m-form .form-control-label, .m-form .m-form__group>label {
            font-weight: bold;
        }
    </style>
</html>
